import clsx from "clsx";
import React from "react";
import styles from "./left.module.scss";

interface Props {
    activeData: any;
}

const Left: React.FC<Props> = ({ activeData }) => {
    return (
        <div className="h-[100%] overflow-auto border border-y-0 border-[#5ec5ff] shadow-[0_0_25px_#3d4083_inset]">
            <div className="py-[.06rem] text-center">
                <img
                    src={activeData.icon}
                    alt={activeData.name}
                    className="inline-block w-[80%] object-cover"
                />
            </div>
            <div className={clsx(styles.item, styles.active)}>Cartão Mensal</div>
            <div className={clsx(styles.item)}>Cartão Mensal</div>
            <div className={clsx(styles.item)}>Cartão Mensal</div>
            <div className={clsx(styles.item)}>Cartão Mensal</div>
        </div>
    );
};

export default Left;
